/* 
Document   : style
Created on : 24-mar-2009, 16:23:22
Author     : paco
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

root { 
    display: block;
}

html{
    height:100%;
}

body{
    background:#fff;
    font-size:11px;
}

#wrapper{
    background-color: transparent;
}

#wrapper{
    background:transparent;
    margin:0 auto;
    padding:50px 0;
    width:900px;
}

#banner{background: transparent url(../images/common/banner_bg.jpg) no-repeat 20% 0;
    height: 100px;
    top: -1px;
}

#banner h1.logo{
    display: block;
    font-size: 3em;
    left: 5%;
    margin: 0px 120px 0;
    padding: 0;
    position: absolute;
}

#banner .logo a{
    text-decoration: none;
}

.ie6 #banner .logo{
    zoom: 1;
}

#banner .logo a{
    color:#FFF;
}

#banner .logo{
    font-family:'georgia',serif;
    font-size:260%;
    font-weight:normal;
    left:35px;
    line-height:100%;
    margin:0;
    position: absolute;
    top:32px;
}

#banner{
    background:transparent url('../images/banner_bg.jpg') no-repeat scroll 0 0;
    color:#FFF;
    height:100px;
    margin:0;
    padding:0;
    position:relative;
}

body{
    background:#F2F5FE url('../images/page_bg.png') repeat-x scroll 0 0;
    color:#192666;
    font-family:'verdana',sans-serif;
    font-size:70%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:160%;
    padding-bottom:115px;
}

#navigation{
    background:#020509;
    border-top:1px solid #304049;
    margin:0 auto 20px;
    min-height:2.2em;
    width:100%;
}

#navigation ul{
    margin:0 auto;
    min-height:2em;
    width:90%;
}

#navigation ul:after{
    clear:both;content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.ie #navigation ul{
    height:1%;
}

.ie6 #navigation,.ie6 #navigation ul{
    height:2em;
    overflow:visible;
}

#navigation li{
    border:1px solid #304049;
    display:inline;
    float:left;
    margin:-1px 0 0 -1px;
    position:relative;
}

#navigation a{
    color:#D3DADD;
}

#navigation li a{
    display:block;
    padding:5px 20px;
    text-decoration:none;
}

#navigation li a span{
    text-decoration:none;
}

#navigation li.selected a,#navigation li a:hover{
    background-color: #1E2529;
    color:#fff;
}

#navigation li.selected a span{
    background: url(../images/bullet_selected.png) no-repeat 0 50%;
    padding-left:10px;
}

#navigation .child-menu{
    display:none;
}

#navigation ul .sort-helper{background:transparent url('../images/placeholder_bg.png');}

#navigation ul li a span,#navigation ul li a:hover span,#navigation ul li.selected a span,#navigation ul li.selected a:hover span{font-weight:bold;line-height:160%;}

#navigation ul li a span.tab-l,#navigation ul li a:hover span.tab-l,#navigation ul li.selected a span.tab-l,#navigation ul li.selected a:hover span.tab-l{background:url('../images/tab_link_l.png') no-repeat 0 0;height:8px;left:0;position:absolute;top:0;width:8px;}

#navigation ul li a span.tab-r,#navigation ul li a:hover span.tab-r,#navigation ul li.selected a span.tab-r,#navigation ul li.selected a:hover span.tab-r{background:url('../images/tab_link_r.png') 100% 0 no-repeat;height:8px;position:absolute;right:0;top:0;width:8px;}

#navigation ul li a,#navigation ul li a:hover,#navigation ul li.selected a,#navigation ul li.selected a:hover{background:url('../images/tab_link.png') 0 0 repeat-x;border:0;color:#B5C4E3;cursor:pointer;display:block;padding:7px 15px;position:relative;}

#navigation ul li a:hover span.tab-l,#navigation ul li.selected a:hover span.tab-l{background:url('../images/tab_hover_l.png') 0 0 no-repeat;}

#navigation ul li a:hover span.tab-r,#navigation ul li.selected a:hover span.tab-r{background:url('../images/tab_hover_r.png') 100% 0 no-repeat;}

#navigation ul li a:hover,#navigation ul li.selected a:hover{background:url("../images/tab_hover.png") 0 0 repeat-x;color:#FFF;}

#navigation ul li,#navigation ul li.selected{border:0;display:block;float:left;margin:0 5px 0 0;padding:0;}#navigation ul li.selected a span.tab-l,#navigation ul li.selected a:hover span.tab-l{background:url("../images/tab_active_l.png") 0 0 no-repeat;height:8px;left:0;position:absolute;top:0;width:8px;}

#navigation ul li.selected a span.tab-r,#navigation ul li.selected a:hover span.tab-r{background:url("../images/tab_active_r.png") 100% 0 no-repeat;height:8px;position:absolute;right:0;top:0;width:8px;}

#navigation ul li.selected a,#navigation ul li.selected a:hover{background:url('../images/tab_link.png') 0 0 repeat-x;color:yellow;}

#navigation ul{display:block;float:left;margin:-7px 10px 0;padding:0;width:auto;}

#navigation{background:#192666;margin:-1px 5px;padding:20px 0 0 0;width:890px;}

#content-wrapper{
    display:block;padding:41px 0 0 0;
    width:870px;
    background:#FFF;
    border-left:10px solid #192666;
    border-right:10px solid #192666;
    margin:0 5px;
    clear:both;
    display:table;
    padding-left:0;
    padding-right:0;
    height: 200px;
}

.seccion{
    background:transparent url('../images/content_article_bg.jpg') no-repeat scroll 0 0;
    border:0;
    clear:both;
    margin:0;
    min-height:220px;
    padding:20px;
    margin-left: 10px;
    height:100px;
    position:relative;
    width: 90%;
}

.titular{
    padding:10px;
    display:block;
    font-weight:bold;
    min-width:50%;
    font-size:13px;
    background:#DEE5FD url('../images/custom/portlet/content_title_bg.png') repeat-y scroll 0 0;
    color:#192666;
    font-family:'georgia',serif;
    font-size:180%;
    font-weight:normal;
    line-height:100%;
    margin:0 5px;
}
.ie .titular{padding-bottom:5px;}
.titular img{vertical-align:middle;}

.portlet-topper{
    background:#D3DADD;
    border-bottom:1px solid #AEB8BC;
    padding-right:40px;
    position:relative;
}
.portlet-topper .titular{background:#DEE5FD none;}

#footer{background:#FFF url('../images/footer_telcoblocks.jpg') no-repeat scroll 0 0;border-bottom:10px solid #192666;border-left:10px solid #192666;border-right:10px solid #192666;clear:both;color:#6685CC;height:60px;margin:0 5px;padding-left:40px;position:relative;}

.contenido{
    padding:12px 20px 20px 20px;
    text-align:justify;
}